
.tu-1 {
    width: 100%;
    background-image: url('../img/cf项目img/1-2.jpg');
    background-repeat: no-repeat;
    background-position: center 0;
    height: 500px;
}
.tu-1>img{
    width:100%;
}
.bg-pic {
		overflow: hidden;
    position: relative;
}
.triangle{
    position: absolute;
    top: 108px;
    border-left:100vw solid transparent;
    border-bottom: 100PX solid #fff;
    width: 0;
    height: 0;
    transform: translateY(293px);
}
/* .triangle1{
    width: 100vw;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top:500px;
    transform: translateY(292px);
    z-index: 110;
} */
.shang{
    position: relative;
    margin: 0 auto;
    width: 1330px;
    height: 608px;
}
.d-1>h2 {
    font-size: 30px;
    color: #333333;
    /* position: absolute;
    top: 600px;
    right:930px; */
    text-align: center;
    margin: 60px 0 30px;
} 

.min-item1{
     display: flex; 
}
.d-1>p {
    /* position: relative;
    top: -120px; */
    font-size: 14px;
    color: #666666;
}
.d-2{
    width: 635px;
    height: 207px;
}
.d-2>h3{
    /* position: relative; */
    /* top: -70px; */
    color: #333333;
    font-size: 18px;
    margin-bottom: 20px;
}
.d-2>p{
   /* position: relative;
    top: -50px; */
    color: #666666;
    font-size: 14px;
    width: 635px;
    height: 144px;
}
.d-3{
    margin-left: 30px;
    width: 635px;
    height: 413px;
}
.d-3>h3{
    margin-bottom: 20px;
   color: #333333;
   font-size: 18px; 
   /* position: absolute; */
   /* top: 787px; */
   /* right: 860px; */
}
.d-3 .d-3-list{
    display: flex;
    justify-content: space-between;
} 
.d-3-list span:nth-child(1){
    color: #000000;
    font-size: 18px;
}
.d-3-list span:nth-child(2){
    color: #7a5b4a;
    font-size: 14px;
}
.d-3-list{
    margin-bottom: 15px;
}
.min-item1 {
    margin-top: 40px;
}
.bai{
    width: 635px;
    height: 15px;
    border: none;
    background-color: #f6f6f6;
}
.zong{
    width: 508px;
    height: 15px;
    background-color: #7a5b4a;
}
.zong2{
    width: 222px;
    height: 15px;
    background-color: #7a5b4a;
}
.zong3{
    width: 127px;
    height: 15px;
    background-color: #7a5b4a;
}
.zong4{
    width: 127px;
    height: 15px;
    background-color: #7a5b4a;
}
.zhong{
    position: relative;
    height: 1000px;
}
.tu-2{
    width: 100%;
    height: 1000px;
    position: relative;
		overflow: hidden;
}
.tu-2>img{
	height: 100%;
}
.zhong>h2{
    font-size: 30px;
    color: #333333;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%) ;
}
.zhong>p{
    width: 1295px;
    height: 44px;
    color: #000000;
    font-size: 14px;
    position: absolute;
    top: 155px;
    left: 50%;
    transform: translateX(-50%) ;
}
.zhong>span{
    width: 1295px;
    height: 44px;
    color: #000000;
    font-size: 14px;
    position: absolute;
    top: 220px;
    left: 50%;
    transform: translateX(-50%) ;
}
.zhong-2{
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translateX(-50%) ;
}
.zhong-2>h2{
    font-size: 30px;
    color: #333333;
    text-align: center;
    font-weight:normal;
    margin-bottom: 25px;
}
.zhong-2>h3{
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight:normal;
}
.tu-3{
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: 150px;
    left: 50%;
    transform: translateX(-50%) ;
}
.t1{
    margin: 0 20px ;
    position: relative;
}
.t1>img{
    width: 302.5px;
}
.t1>h3{
    margin-left: 115px;
}
.t1>div{
    width: 283px;
    height: 283px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
}
.t1:hover>div{
    display: block;
    
}
.t1>div>p{
    font-size: 14px;
    width: 202px;
    height: 48px;
    transform: translateY(140px);
    margin-left: 40px;
}
.bottom{
    padding-top: 10px;
}
.tu-4{
    width: 1300px;
    height: 600px;
    margin: 0 auto;
}
.xia{
    display: flex;
    width: 1300px;
    margin: 0 auto;
    padding:77px 0 35px;
}
.xtb,.wbk{
    flex: 1;
}
.xtb{
    color: #666666;
    height: 267px;
}
.item{
    display: flex;
    height: 70px;
}

.t2-1{
    background-image: url("../img/cf项目img/3.png");
    width: 42px;
    height: 42px;
    border-radius:50%;
    border: 2px solid silver;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    
}
.t2-1:hover{
    border: 0;
}
.t2-2{
    background-image: url("../img/cf项目img/2.png");
    width: 42px;
    height: 42px;
    border-radius:50%;
    border: 2px solid silver;
    background-repeat: no-repeat;
    background-position: 6px 4px;
}
.t2-2:hover{
    border: 0;
}
.t2-3{
    background-image: url("../img/cf项目img/1.png");
    width: 42px;
    height: 42px;
    border-radius:50%;
    border: 2px solid silver;
    background-repeat: no-repeat;
    background-position: -3px -3px;
}
.t2-3:hover{
    border: 0;
}

.text{
    margin-left: 32px;
}
.text h5{
    font-size: 18px;
    font-weight: 400;
}
.text p{
    font-size: 14px;
    font-weight: 200;
}
.wbk{
    padding: 0 15px;
}
.wbk input{
    width: 100%;
    height: 49px;
    padding: 15px;
    background-color: #F6F6F6;
    border: none;
    border: 1px solid #b7b7b7;
    outline: none;
}
.wbk textarea{
    width: 100%;
    height:202px;
    resize: none;
    padding: 15px;
    background-color: #F6F6F6;
    border: none;
    border: 1px solid #b7b7b7;
    outline: none;
}

.wbk span{
    display: block;
    font-size: 14px;
    color:#f00;
    margin-bottom: 24px;
}
.m-b{
    margin-bottom: 24px;
}
.wbk button{
    width: 100px;
    height: 41px;
    background-color: #7a5b4a;
    border: 1px solid #000;
    color: #fff;
}
.wbk button:hover{
    background-color: #fff;
    color: #7a5b4a;
}












